<!DOCTYPE html>
<html>
<head>
  <!--[if lt IE 7]>
  <div class="ie6_error">还在用<strong>漏洞百出的IE6浏览器</strong>么？为了您的网络安全，请升级浏览器 <a target="_blank"
                                                                             href="http://browsehappy.com">立即升级</a>
  </div>
  <![endif]-->

  <meta charset="utf-8">
  <title>新建用户账号-成本中心-文具1号</title>
  <meta name="description"
        content="文具1号作为上海办公用品供货商公司,专为世界500强企业及SOHO办公族提供网上商城一站式办公耗材批发及采购服务,一站式选购办公日用文具用品,厂家直销,好货又便宜【阳光采购就上文具1号 阳光价格 老板放心 品质保障 员工省力】"/>
  <meta name="keywords" content="办公用品,办公文具,办公文具网站,文具网站,办公用品网,文具采购网,金万年"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="favicon.ico"/>
  <link rel="stylesheet" href="public/js/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="public/css/base.css"/>
  <link rel="stylesheet" type="text/css" href="public/css/common.css"/>
  <link href="public/css/city-picker.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="public/css/index.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="public/js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>
<div class="bg bg-fff">
  <!--common - head -->
  <div class="header">
    <div class="top-line">
      <div class="container">
        <p class="top-hi">
          您好！<span class="name">supergk_0012</span> 欢迎进入 <span class="color-red">企业用户工作台！</span>
          <a href="javascript:;" class="login-out">退出</a>
        </p>
        <a href="javascript:;" class="top-right-tab color-red">
          <span class="icon bg-head_icon_cart"></span>
          我的购物车
          <span class="cart-num">19</span>
        </a>
        <a href="javascript:;" class="top-right-tab">
          <span class="icon bg-head_icon_storehouse"></span>
          我的商品库
        </a>
        <a href="javascript:;" class="top-right-tab">
          <span class="icon bg-head_icon_kefu"></span>
          在线服务
        </a>
      </div>
    </div>
    <div id="gn_logos">
      <div class="w1190 clearfix" style="padding: 15px 0; position:relative;">
        <div class="gn_wjlogo ">
          <a href="/" title="文具1号—办公用品采购网站 阳光价格 老板放心 品质保障 员工省力">
            <img alt="文具1号—办公用品采购网站 阳光价格 老板放心 品质保障 员工省力" src="public/images/logo.jpg" width="130" height="55">
          </a>
        </div>
        <p class="gn_wjSlogan" style="">
          <a href="http://www.wjyh.com/mMPur-recommend.html" target="_blank">
            <img src="public/images/card_entrance.gif" alt="企业采购解决方案 阳光价格 老板放心 品质保障 员工省力" title="企业采购解决方案 阳光价格 老板放心 品质保障 员工省力"
                 style="width:190px; height:55px;">
          </a>
          <!--原购物车-->
        </p>
        <div class="gn_right clearfix">
          <a href="javascript:;" class="head-address-order">
            <span class="bg-head_icon_address icon"></span>
            <span class="text">多地址下单</span>
          </a>
          <a href="javascript:;" class="head-shopping-list">
            <span class="bg-head_icon_bill icon"></span>
            <span class="text">采购清单</span>
            <span class="num">(12)</span>
          </a>
        </div>
        <div id="gn_search_qumall">
          <div class="gn_i-search">
            <form id="frmSearchGoods" action="" method="get">
              <input autocomplete="off" name="keywords" type="text" class="a" id="search_ipt" placeholder="" value="">
              <dl class="searchTips">
              </dl>
              <button id="btnSearch" type="submit">搜 索</button>
            </form>
          </div>
          <div class="gn_hotkeywords"><span>热门搜索:</span>
            <ul>
              <li class="hot-products"><a href="#" target="_blank">A4纸</a></li>
              <li class=""><a href="#" target="_blank">文件夹</a></li>
              <li class=""><a href="#" target="_blank">硒鼓</a></li>
              <li class=""><a href="#" target="_blank">墨盒</a></li>
              <li class=""><a href="#" target="_blank">中性笔</a></li>
              <li class=""><a href="#" target="_blank">订书机</a></li>
              <li class=""><a href="#" target="_blank">A4纸</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div id="gn_navbg">
      <div class="w1190">
        <div id="gn_nav">
          <ul>
            <li><a href="/" target="_parent" title="工作台">工作台 </a></li>
            <li><a href="#" target="_parent" title="成本中心">成本中心 </a></li>
            <li><a href="#" target="_parent" title="订单管理">订单管理 </a></li>
            <li><a href="#" target="_parent" title="数据报表">数据报表 </a></li>
            <li><a href="#" target="_parent" title="个人中心" class="gn_nav_currut">个人中心 </a></li>
            <li><a href="#" target="_parent" title="系统通知">系统通知 <span class="gn_nav-num">1</span> </a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--common - head end-->

  <div class="container">
    <div class="workbench-container">
      <div class="workbench-detail-container">
        <p class="path-tit">
          <a href="javascript:;" class="color-red">成本中心</a>＞新建用户账号
        </p>

        <div class="workbench-detail-box-wrapper">
          <form class="layui-form workbench-detail-form" action="">

            <div class="workbench-detail-box  workbench-detail-box-jbzl mb0">
              <p class="workbench-detail-tit">
                基本信息 <span class="notice">（带 <em class="color-red">*</em>为必填项，如不选择管理账户则审批直接提交至admin）</span>
              </p>
              <div class="workbench-detail-cont">
                <div class="apply-payment-box">
                  <div class="layui-form-item">
                    <label class="layui-form-label">成本中心 <em class="color-red">*</em></label>
                    <div class="layui-input-block row">
                      <select name="interest" lay-filter="qyxz">
                        <option value="">请选择成本中心</option>
                        <option value="1">销售部</option>
                        <option value="2">运营部</option>
                        <option value="3">技术部</option>
                      </select>
                    </div>
                    <a href="javascript:;" class="create-cost-center-btn">+  新建成本中心</a>
                  </div><!--成本中心-->
                  <div class="layui-form-item">
                    <label class="layui-form-label">管理账户 <em class="color-red">*</em></label>
                    <div class="layui-input-block row">
                      <select name="interest" lay-filter="qyxz">
                        <option value="">请选择管理账户</option>
                        <option value="1">管理账户1</option>
                        <option value="2">管理账户2</option>
                        <option value="3">管理账户3</option>
                      </select>
                    </div>
                  </div><!--成本中心-->
                  <div class="layui-form-item">
                    <label class="layui-form-label">账号 <em class="color-red">*</em></label>
                    <div class="layui-input-block">
                      <input type="text" name="title" lay-verify="title" autocomplete="off" style="float:left;" placeholder="建议输入公司简称+职位名称，支持中英文组合"  class="layui-input">
                      <span class="create-cost-center-btn">该账户处于冻结状态！<a href="javascript:;" class="unfreeze-account-btn">+  解冻该账户</a></span>
                    </div>
                  </div><!--账号-->
                  <div class="layui-form-item">
                    <label class="layui-form-label">密码 <em class="color-red">*</em></label>
                    <div class="layui-input-block">
                      <input type="password" name="title" lay-verify="password" autocomplete="off" placeholder="请设置登录密码"  class="layui-input">
                    </div>
                  </div><!--密码-->
                  <div class="layui-form-item">
                    <label class="layui-form-label">联系人 <em class="color-red">*</em></label>
                    <div class="layui-input-block">
                      <input type="text" name="title" lay-verify="password" autocomplete="off" placeholder="请输入联系人"  class="layui-input">
                    </div>
                  </div><!--联系人-->
                  <div class="layui-form-item">
                    <label class="layui-form-label">联系方式 <em class="color-red">*</em></label>
                    <div class="layui-input-block">
                      <input type="tel" name="title" lay-verify="phone" autocomplete="off" placeholder="请输入联系方式"  class="layui-input">
                    </div>
                  </div><!--联系方式-->
                  <div class="layui-form-item">
                    <label class="layui-form-label">电子邮箱 <em class="color-red">*</em></label>
                    <div class="layui-input-block">
                      <input type="email" name="title" lay-verify="email" autocomplete="off" placeholder="请输入电子邮箱"  class="layui-input">
                    </div>
                  </div><!--联系方式-->

                </div>

              </div>
            </div>

            <div class="workbench-detail-box workbench-detail-box-jbzl" style="height: auto">
              <p class="workbench-detail-tit">
                预算设置 <span class="notice">（预算周期为自然月/季/年底，如无预算限定可不填）</span>
              </p>
              <div class="workbench-detail-cont">
                <div class="create-management-account-wrapper">
                  <div class="management-account-item">
                    <p class="tit color-red">额度预算</p>
                    <p class="name">每月额度</p>
                    <div class="input-management-account-box">
                      <input type="text" class="input-management-account" placeholder="请输入金额">
                      <span class="unit">元</span>
                    </div>
                    <a href="javascript:;" class="cancel">取消额度限制</a>
                  </div>
                  <div class="management-account-item">
                    <p class="tit">单品额度</p>
                    <p class="name">可设置单品购买最高额度</p>
                    <div class="input-management-account-box">
                      <input type="text" class="input-management-account" placeholder="请输入金额">
                      <span class="unit">元</span>
                    </div>
                  </div>
                  <div class="management-account-item">
                    <p class="tit color-red">指定商品</p>
                    <div class="table-box">
                      <p class="table-row">
                        <span class="name">清单名称</span>
                        <span class="num">商品数</span>
                      </p>
                      <p class="table-row">
                        <span class="table-row-name">销售部限定采购商品</span>
                        <span class="table-row-num">20</span>
                        <a href="javascript:;" class="table-row-delete">删除</a>
                      </p>
                      <p class="table-row">
                        <span class="table-row-name">销售部限定采购商品</span>
                        <span class="table-row-num">20</span>
                        <a href="javascript:;" class="table-row-delete">删除</a>
                      </p>
                      <p class="table-row">
                        <span class="table-row-name">销售部限定采购商品</span>
                        <span class="table-row-num">20</span>
                        <a href="javascript:;" class="table-row-delete">删除</a>
                      </p>
                    </div>
                    <a href="javascript:;" class="btn-add-list">+ 添加清单</a>
                    <span class="cont-num">共计：4个清单 1500件商品</span>
                    <a href="javascript:;" class="cancel">取消额度限制</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="workbench-detail-box workbench-detail-box2 workbench-detail-box-jbzl">
              <p class="workbench-detail-tit">
                收货地址 <span class="notice">（选填）</span>
              </p>
              <div class="workbench-detail-cont">
                <div class="management-account-address-wrapper">
                  <div class="management-account-address-item">
                    <p class="tit-box">
                      <span class="name">吴彦祖</span>
                      <span class="tel">18721749694</span>
                    </p>
                    <p class="address">
                      上海市 徐汇区 漕河泾街道<br>
                      <span class="address-detail">宜山路810号8号楼创嘉站101室</span>
                    </p>
                    <a href="javascript:;" class="set-default default">默认地址</a>
                    <a href="javascript:;" class="edit">修改</a>
                  </div>
                  <div class="management-account-address-item">
                    <p class="tit-box">
                      <span class="name">吴彦祖</span>
                      <span class="tel">18721749694</span>
                    </p>
                    <p class="address">
                      上海市 徐汇区 漕河泾街道<br>
                      <span class="address-detail">宜山路810号8号楼创嘉站101室</span>
                    </p>
                    <a href="javascript:;" class="set-default">设为默认</a>
                    <a href="javascript:;" class="edit">修改</a>
                  </div>
                  <div class="management-account-address-item">
                    <p class="tit-box">
                      <span class="name">吴彦祖</span>
                      <span class="tel">18721749694</span>
                    </p>
                    <p class="address">
                      上海市 徐汇区 漕河泾街道<br>
                      <span class="address-detail">宜山路810号8号楼创嘉站101室</span>
                    </p>
                    <a href="javascript:;" class="set-default">设为默认</a>
                    <a href="javascript:;" class="edit">修改</a>
                  </div>
                  <a href="javascript:;" class="management-account-add-address-item">
                    <span class="icon bg-icon_add_big_grey"></span>
                    <p class="add-address-p">
                      新增收货地址
                    </p>
                  </a>
                </div>
                <a href="javascript:;" class="show-all show-all-address">
                  显示全部地址
                </a>
              </div>
            </div>

            <div class="workbench-detail-box workbench-detail-box2 workbench-detail-box-jbzl">
              <p class="workbench-detail-tit">
                发票抬头 <span class="notice">（选填）</span>
              </p>
              <div class="workbench-detail-cont">
                <div class="management-account-invoice-wrapper">
                  <div class="management-account-invoice-item">
                    <p class="company">
                      上海易推信息科技有限公司
                    </p>
                    <a href="javascript:;" class="set-default default">默认抬头</a>
                    <a href="javascript:;" class="see">查看</a>
                    <a href="javascript:;" class="edit">修改</a>
                  </div>
                  <div class="management-account-invoice-item">
                    <p class="company">
                      上海易推信息科技有限公司
                    </p>
                    <a href="javascript:;" class="set-default">设为默认</a>
                    <a href="javascript:;" class="see">查看</a>
                    <a href="javascript:;" class="edit">修改</a>
                  </div>
                  <a href="javascript:;" class="management-account-add-invoice-item">
                    <span class="icon bg-icon_add_big_grey"></span>
                    <p class="add-address-p">
                      新增发票抬头
                    </p>
                  </a>
                </div>
                <a href="javascript:;" class="show-all show-all-title show-all-up">
                  收起全部抬头
                </a>
              </div>   <!--审核资料-->

              </div>
            <button class="layui-btn btn-add" lay-submit lay-filter="formDemo">保存修改</button>

          </form>
        </div>
      </div>

    </div>

  </div>

  <div id="gn_bottom">
    <div class="gn_bpart1">
      <div class="wjyh_footer">
        <div class="gn_footer_info">
          <div class="info_column">
            <h4 class="fht1">新手指南</h4>
            <li><a href="#" title="免费注册" target="_blank">免费注册</a></li>
            <li><a href="#" title="查看购物车商品" target="_blank">查看购物车商品</a></li>
            <li><a href="#" title="导购演示" target="_blank">导购演示</a></li>
            <li><a href="#" title="清单采购" target="_blank">清单采购</a></li>
            <li><a href="#" title="电子协议" target="_blank">电子协议</a></li>
          </div>
          <div class="info_column">
            <h4 class="fht2">支付方式</h4>
            <li><a href="#" title="快钱支付" target="_blank">快钱支付</a></li>
            <li><a href="#" title="支付宝" target="_blank">支付宝</a></li>
            <li><a href="#" title="微信支付" target="_blank">微信支付</a></li>
            <li><a href="#" title="线下支付" target="_blank">线下支付</a></li>
          </div>
          <div class="info_column">
            <h4 class="fht3">配送方式</h4>
            <li><a href="#" title="配送范围" target="_blank">配送范围</a></li>
            <li><a href="#" title="配送费用" target="_blank">配送费用</a></li>
            <li><a href="#" title="配送查询" target="_blank">配送查询</a></li>
            <li><a href="#" title="注意事项" target="_blank">注意事项</a></li>
          </div>
          <div class="info_column">
            <h4 class="fht4">售后服务</h4>
            <li><a href="#" title="售后政策" target="_blank">售后政策</a></li>
            <li><a href="#" title="退换流程" target="_blank">退换流程</a></li>
            <li><a href="#" title="退款说明" target="_blank">退款说明</a></li>
            <li><a href="#" title="取消订单" target="_blank">取消订单</a></li>
          </div>
          <div class="info_column">
            <h4 class="fht5">会员中心</h4>
            <li><a href="#" title="修改个人资料" target="_blank">修改个人资料</a></li>
            <li><a href="#" title="修改收货地址" target="_blank">修改收货地址</a></li>
            <li><a href="#" title="修改密码" target="_blank">修改密码</a></li>
            <li><a href="#" title="密码找回及安全设置" target="_blank">密码找回及安全设置</a></li>
            <li><a href="#" title="会员等级和积分规则" target="_blank">会员等级和积分规则</a></li>
          </div>
          <div class="info_column">
            <h4 class="fht6">关于我们</h4>
            <li><a href="#" title="关于文具1号" target="_blank">关于文具1号</a></li>
            <li><a href="#" title="广告服务" target="_blank">广告服务</a></li>
            <li><a href="#" title="合作品牌" target="_blank">合作品牌</a></li>
            <li><a href="#" title="联系我们" target="_blank">联系我们</a></li>
          </div>
        </div>
      </div>
    </div>

    <div class="gn_footer_black">
      <a href="/">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="#">关于文具1号</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a target="_blank" href="http://m.kuaidi100.com">快递查询</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a target="_blank" href="#">网站地图</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="#">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="#">办公资讯</a>
      <!--end-->
    </div>
    <div class="gn_bpart2 root1">
      <div class="w1190 clearfix">
        <div class="all_foot1">
          Copyright © 2010-2020 上海易号网络科技有限公司<a href="http://www.wjyh.com">wjyh.com</a> 保留一切权利 沪ICP备13023872号 营业执照 <img
            src="public/images/police.png" border="0" style="position:relative;top: 4px;"><a rel="nofollow" target="_blank"
                                                                                      href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010802001236"
                                                                                      style="color:#999">沪公网安备
          31010802001236号</a>
          <br>
          客服热线：4008-215-248 工作日时间：周一至周五 9:00-21:30
          <script
              type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
          document.write(unescape("%3Cspan id='cnzz_stat_icon_1256871543'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1256871543%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
          <span id="cnzz_stat_icon_1256871543"><a href="http://www.cnzz.com/stat/website.php?web_id=1256871543"
                                                  target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0"
                                                                                    src="http://icon.cnzz.com/img/pic1.gif"></a></span>
          <script src=" http://s11.cnzz.com/z_stat.php?id=1256871543&amp;show=pic1" type="text/javascript"></script>
          <script src="http://c.cnzz.com/core.php?web_id=1256871543&amp;show=pic1&amp;t=z" charset="utf-8"
                  type="text/javascript"></script>
        </div>
        <div class="all_foot2">
          <div class="footLogo">
            <script src="http://kxlogo.knet.cn/seallogo.dll?sn=e13081931010042052yqcz000000&amp;size=0"></script>
            <span style="display:inline-block;position:relative;width:auto;"><a
                href="https://ss.knet.cn/verifyseal.dll?sn=e13081931010042052yqcz000000&amp;ct=df&amp;a=1&amp;pa=0.8764991479587676"
                id="kx_verify" tabindex="-1" target="_blank" kx_type="图标式" style="display:inline-block;"><img
                src="http://rr.knet.cn/static/images/logo/cnnic.png" style="border:none;" oncontextmenu="return false;"
                alt="可信网站"></a></span>
          </div>
          <div class="footLogo">
            <a target="_blank"
               href="http://218.242.124.22:8081/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020160317093416000000235657-SAIC_SHOW_310000-20160115190605734361&amp;signData=MEYCIQDNql62UH+UZLZdPqkohYJKHNip+3EJvyNNYHdArZxb9AIhALrkDfzZUJRfVNiuWOg9JGxdFSdMRlWlFdyOlsHr/wkk &#10;&#10;">
              <img src="public/images/3.jpg" border="0">
            </a>
          </div>
          <div class="footLogo">
            <img src="public/images/5.jpg">
          </div>
          <div class="footLogo">
            <img src="public/images/6.jpg">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="mask"></div>
<!--隐藏 添加 class  none-->
<div class="pop pop-add-address none">
  <a href="javascript:;" class="close bg-btn_close_grey_n"></a>
  <p class="tit">新增地址</p>
  <div class="cont">
    <form class="layui-form  pop-add-address-form workbench-detail-form" action="">

      <div class="pop-add-address-box">
        <div class="layui-form-item">
          <label class="layui-form-label">收货人姓名 <em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="text" name="title" lay-verify="title" autocomplete="off" style="float:left;" placeholder="请输入姓名"  class="layui-input">
          </div>
        </div><!--账号-->

        <div class="layui-form-item">
          <label class="layui-form-label">所 在 地 区<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <div class="city-box">
              <div id="distpicker1">
                <div class="form-group">
                  <div style="position: relative;">
                    <input id="city-picker1" class="form-control" readonly type="text" value="请选择省/市/区" data-toggle="city-picker" size="70">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div><!--企业所在地-->
        <div class="layui-form-item">
          <label class="layui-form-label">街 道 地 址<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="text" name="company-name" required placeholder="请输入街道地址"  style="width:434px" autocomplete="off" class=" layui-input">
          </div>
        </div><!--街 道 地 址-->
        <div class="layui-form-item">
          <label class="layui-form-label">邮 政 编 码</label>
          <div class="layui-input-block">
            <input type="tel" name="title" lay-verify="name" autocomplete="off" placeholder="请填写6位邮政编码"  class="layui-input">
          </div>
        </div><!--密码-->

        <div class="layui-form-item">
          <label class="layui-form-label">手 机 号 码 <em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="tel" name="title" lay-verify="phone" autocomplete="off" placeholder="请输入联系方式"  class="layui-input">
          </div>
        </div><!--联系方式-->
        <div class="layui-form-item">
          <label class="layui-form-label">电 话 号 码 </label>
          <div class="layui-input-block">
            <input type="text" name="title" lay-verify="phone" autocomplete="off" placeholder="请输入区号-电话号码-区号"  class="layui-input">
          </div>
        </div><!--联系方式-->
      </div>
      <div class="checkbox-box">
        <input type="checkbox" name="like1[default]" lay-skin="primary" title="设置为默认收货地址" checked="">
      </div>
      <div class="btn-box">
        <a href="javascript:;" class="btn-cancel">保存</a>
        <a href="javascript:;" class="btn-submit">取消</a>
      </div>

    </form>
  </div>
</div><!--新增地址-->
<div class="pop pop-add-address">
  <a href="javascript:;" class="close bg-btn_close_grey_n"></a>
  <p class="tit">新增发票抬头</p>
  <div class="cont">
    <form class="layui-form  pop-add-address-form workbench-detail-form" action="">
      <div class="radio-box">
        <input type="radio" name="invoice" value="增值税专用发票信息" title="增值税专用发票信息" checked="">
        <input type="radio" name="invoice" value="增值税普通发票信息" title="增值税普通发票信息">
      </div>
      <div class="pop-add-address-box">
        <div class="layui-form-item">
          <label class="layui-form-label">单  位  名  称 <em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="text" name="title" lay-verify="title" autocomplete="off" style="float:left;" placeholder="请输入单位名称"  class="layui-input">
          </div>
        </div><!--账号-->

        <div class="layui-form-item">
          <label class="layui-form-label">纳税人识别码<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="text" name="company-name" required placeholder="请输入纳税人识别码"  style="width:434px" autocomplete="off" class=" layui-input">
          </div>
        </div><!--纳税人识别码-->
        <div class="layui-form-item">
          <label class="layui-form-label">注  册  地  址<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="tel" name="title" lay-verify="name" autocomplete="off" placeholder="请输入注册地址" style="width:434px"   class="layui-input">
          </div>
        </div><!--地  址-->

        <div class="layui-form-item">
          <label class="layui-form-label">注  册  电  话<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="tel" name="title" lay-verify="phone" autocomplete="off" placeholder="请输入联系方式"  class="layui-input">
          </div>
        </div><!--联系方式-->
        <div class="layui-form-item">
          <label class="layui-form-label">开  户  银  行<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="text" name="title" lay-verify="phone" autocomplete="off" placeholder="请输入开户银行"  class="layui-input">
          </div>
        </div><!--开  户  银  行-->
        <div class="layui-form-item">
          <label class="layui-form-label">银  行  账  户<em class="color-red">*</em></label>
          <div class="layui-input-block">
            <input type="tel" name="title" lay-verify="name" autocomplete="off" placeholder="请输入银行账户" style="width:434px"   class="layui-input">
          </div>
        </div><!--银  行  账  户-->
      </div>
      <div class="checkbox-box">
        <input type="checkbox" name="like1[default]" lay-skin="primary" title="设置为默认发票抬头" checked="">
      </div>
      <div class="btn-box">
        <a href="javascript:;" class="btn-cancel">保存</a>
        <a href="javascript:;" class="btn-submit">取消</a>
      </div>

    </form>
  </div>
</div><!--新增发票抬头-->
<div class="pop pop-account-activation bg-padding-inside  none" style="height: 283px">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="tit">解冻账户</p>
    <p class="intro">
      解冻后该账户即可正常登陆文具1号企业用户采购系统。
    </p>
    <div class="btn-box">
      <button class="adjustment-budget-submit">确 定</button>
    </div>
  </div>
</div>  <!--解冻账户-->

<div class="pop pop-account-change-msg bg-padding-inside none" style="height: 283px">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="intro">
      账期用户对成本中心的信息变更将提交至平台存留依据<br>
      通知您的上级账户XXXXX和下级账户XXXXXX
    </p>
    <form class="layui-form workbench-detail-form" action="">
      <div class="layui-form-item">
        <p class="p01">请选择通知方式：</p>
        <div class="layui-input-block apply-payment-radio-box" style="margin-left:0;">
          <input type="radio" name="sex" value="邮件通知" title="邮件通知" checked>
          <input type="radio" name="sex" value="短信通知" title="短信通知">
        </div>
      </div><!--请选择通知方式-->
    </form>
    <div class="btn-box">
      <a href="javascript:;" class="btn-submit">取消</a>
      <a href="javascript:;" class="btn-cancel">确定</a>
    </div>
  </div>
</div>  <!--请选择通知方式-->
<div class="pop pop-account-activation bg-padding-inside none" style="height: 283px">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="tit">冻结账户</p>
    <p class="intro">
      冻结后该账户将无法正常登陆文具1号企业用户采购系统。
      请谨慎操作！
    </p>
    <div class="btn-box">
      <button class="adjustment-budget-submit">确 认 申 请</button>
    </div>
  </div>
</div>  <!--冻结账户-->
<div class="pop pop-add-list bg-padding-inside none" style="height: 454px">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
    <span class="top-tit-text">添加清单</span>
  </p>
  <div class="cont pop-add-list-cont">
    <span class="icon-none bg-img_nonedate"></span>
    <p class="icon-none-p">暂时木有数据呀</p>
    <button class="adjustment-budget-submit" style="float: none">确 认 申 请</button>
  </div>
</div>
<div class="pop pop-add-list bg-padding-inside none" style="height: 454px">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
    <span class="top-tit-text">添加清单</span>
  </p>
  <div class="cont pop-add-list-cont">
    <p class="pop-add-list-row pop-add-list-row-line"  style="padding-left:50px;">
      <!--<span class="checkbox bg-btn_select_xieyi_h"></span>-->
      <span class="name">清单名称（11）</span>
      <span class="num">商品总数</span>
      <span class="money">金额</span>
    </p>
    <div class="pop-add-list-table">
      <p class="pop-add-list-row">
        <span class="checkbox checkbox-checked"></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox "></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox checkbox-checked"></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox "></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox "></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox "></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox "></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
      <p class="pop-add-list-row">
        <span class="checkbox "></span>
        <span class="name">销售部限定采购商品清单名称清单名单名称清单名清单名称…</span>
        <span class="num">20</span>
        <span class="money">￥1300.00</span>
      </p>
    </div>
    <span class="add-list-max">
      已选择：2个清单  共计40 件商品  合计 <em class="color-red">2,600.00元</em>
    </span>
    <button class="adjustment-budget-submit">确 认 申 请</button>
  </div>
</div>
<script type="text/javascript" src="public/js/jquery.min.js"></script>
<script src="public/js/layui/layui.js"></script>
<script src="public/js/city-picker.data.js"></script>
<script src="public/js/city-picker1.js"></script>
<script type="text/javascript" src="public/js/index.js"></script>
<script>
  layui.use(['form', 'layedit', 'laydate','upload'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,layedit = layui.layedit;
    var $ = layui.jquery
        ,upload = layui.upload;

    //普通图片上传
    var uploadInst = upload.render({
    elem: '#test1'
        ,url: '/upload/'
        ,before: function(obj){
      //预读本地文件示例，不支持ie8
      obj.preview(function(index, file, result){
        $('#demo1').attr('src', result); //图片链接（base64）
      });
    }
    ,done: function(res){
      //如果上传失败
      if(res.code > 0){
        return layer.msg('上传失败');
      }
      //上传成功
    }
    ,error: function(){
      //演示失败状态，并实现重传
      var demoText = $('#demoText');
      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
      demoText.find('.demo-reload').on('click', function(){
        uploadInst.upload();
      });
    }
  });
    var uploadInst2 = upload.render({
      elem: '#test2'
      ,url: '/upload/'
      ,before: function(obj){
        //预读本地文件示例，不支持ie8
        obj.preview(function(index, file, result){
          $('#demo2').attr('src', result); //图片链接（base64）
        });
      }
      ,done: function(res){
        //如果上传失败
        if(res.code > 0){
          return layer.msg('上传失败');
        }
        //上传成功
      }
      ,error: function(){
        //演示失败状态，并实现重传
        var demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function(){
          uploadInst.upload();
        });
      }
    });
    var uploadInst3 = upload.render({
      elem: '#test3'
      ,url: '/upload/'
      ,before: function(obj){
        //预读本地文件示例，不支持ie8
        obj.preview(function(index, file, result){
          $('#demo3').attr('src', result); //图片链接（base64）
        });
      }
      ,done: function(res){
        //如果上传失败
        if(res.code > 0){
          return layer.msg('上传失败');
        }
        //上传成功
      }
      ,error: function(){
        //演示失败状态，并实现重传
        var demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function(){
          uploadInst.upload();
        });
      }
    });

    //监听提交
    form.on('submit(demo1)', function(data){
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      });
      return false;
    });


  });
</script>

<script type="text/javascript">
  $(function () {
    $("#city-picker1").citypicker();
    $(".management-account-item").click(function(){
        $(this).toggleClass('management-account-item-select');
      if($(this).hasClass("management-account-item-select")){
        $(this).siblings().removeClass('management-account-item-select')
      }
    });
    $(".management-account-address-item").click(function(){
      $(this).toggleClass('management-account-address-item-select');
      if($(this).hasClass("management-account-address-item-select")){
        $(this).siblings().removeClass('management-account-address-item-select')
      }
    });

    $(".management-account-invoice-item").click(function(){
      $(this).toggleClass('management-account-invoice-item-select');
      if($(this).hasClass("management-account-invoice-item-select")){
        $(this).siblings().removeClass('management-account-invoice-item-select')
      }
    });

    $(".show-all-address").click(function(){
      $(this).toggleClass('show-all-up');
      if($(this).hasClass('show-all-up')){
        $(this).html('收起全部地址');
      }else {
        $(this).html('显示全部地址');
      }
    });
    $(".show-all-title").click(function(){
      $(this).toggleClass('show-all-up');
      if($(this).hasClass('show-all-up')){
        $(this).html('收起全部抬头');
      }else {
        $(this).html('显示全部抬头');
      }
    });
    
    $(".checkbox").click(function(){
      $(this).toggleClass('checkbox-checked')
    });
  });
</script>
</body>
</html>